import { Bird } from "lucide-react";
import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuLabel,
  DropdownMenuSeparator,
  DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu";
import { LogIn, User } from "lucide-react";
const Headline = () => {
  return (
    <nav className="flex mb-4 flex-row-reverse border-b-2 border-solid border-black ">
      <DropdownMenu>
        <DropdownMenuTrigger>
          <Bird size={25} />
        </DropdownMenuTrigger>
        <DropdownMenuContent>
          <DropdownMenuLabel>我的账户</DropdownMenuLabel>
          <DropdownMenuSeparator />
          <DropdownMenuItem>
            <User size={15} />
            个人信息
          </DropdownMenuItem>
          <DropdownMenuItem>
            <LogIn size={15} />
            退出
          </DropdownMenuItem>
        </DropdownMenuContent>
      </DropdownMenu>
    </nav>
  );
};

export default Headline;
